<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%@ include file="/web/header.jsp"%>
<title>Insert title here</title>
</head>
<body>
	<div class="layui-collapse">
		<div class="layui-colla-item">
			<h2 class="layui-colla-title">部门信息-查询条件</h2>
			<div class="layui-colla-content layui-show">
				<fieldset class="layui-elem-field layui-field-title">
					<legend>部门信息-查询条件</legend>
					<div class="layui-field-box">
						<form class="layui-form layui-form-pane">
							<div class="layui-form-item">
								<label class="layui-input-label">部门编号 </label>
								<div class="layui-input-inline">
									<input type="text" name="code" placeholder="请输入编号"
										autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-input-label">名称 </label>
								<div class="layui-input-inline">
									<input type="text" name="name" placeholder="请输入名称"
										autocomplete="off" class="layui-input">
								</div>
								<span> <input type="button" value='查询'
									class="layui-btn layui-btn-sm" lay-submit lay-filter="search">
									<input type="reset" value='重置'
									class="layui-btn layui-btn-primary"> <input
									type="button" value='添加'
									class="layui-btn layui-btn layui-btn-sm" onclick="openAdd()">
									<input type="hidden" name="action" value="page"> <input
									type="hidden" name="pageIndex" value="1"> <input
									type="hidden" name="pageLimit" value="10">
								</span>
							</div>

						</form>
					</div>
				</fieldset>
			</div>
		</div>
	</div>
	<table class="layui-table">
		<colgroup>
			<col width="15%">
			<col width="15%">
			<col width="15%">
			<col width="15%">
			<col>
		</colgroup>
		<thead>
			<tr>
				<th>序号</th>
				<th>编号</th>
				<th>名称</th>
				<th>电话</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>

		</tbody>
	</table>
	<div id="pageInfo" style="text-align: right"></div>
	<script type="text/javascript">
		element.render();

		formOnSubmit('search', '/DepartmentServlet', 'json', function(data) {
			console.log(data)
			var count = data.count;
			//分页控件的渲染=表格中全部数据的条数 
			var curr = $("input[name='pageIndex']").val();
			var limit = $("input[name='pageLimit']").val();
		
			pageInfo('pageInfo', data.count, curr, limit, function(obj, first) {
				$("input[name='pageIndex']").val(obj.curr);
				$("input[name='pageLimit']").val(obj.limit);
				if (!first) {
					refresh();
				}//首次不执行
			});
			//展示表格的数据=表格中当前页面的数据

			var html = "";
			var tpl = $("#tradd").html();
		
			$.each(data.list, function(i, dom) {
				var d = {
					id : i,
					code : dom.code,
					name : dom.name,
					tel : dom.tel
				}
				html += laytpl(tpl).render(d);
				
			})
			$("tbody").html(html);
			layer.msg("查询成功")
		})
		function refresh() {
			$("input[type='reset']").click();
			$("input[value='查询']").click();
		}
		refresh();
		function openAdd() {
			layerOpen('/web/page/department/add.jsp', refresh);
		}
		function del(code) {
			layerConfirm(function(index) {
				ajax("/DepartmentServlet", {
					code : code,
					action : 'del'
				}, 'text', function(data) {
					if (data == 1) {
						layer.msg("删除成功", refresh)
					} else {
						layer.msg("删除失败")
					}
				})
			})
		}
		function openUpd(code) {
			layerOpen('/web/page/department/upd.jsp?code=' + code, refresh);
			// 		layerOpen('/DepartmentServlet?action=get2&code='+code,refresh);
		}
	</script>
	<script type="text/script" id="tradd">
<tr>
<td>{{d.id}}</td><td>{{d.code}}</td><td>{{d.name}}</td><td>{{d.tel}}</td>
<td>
	<a href="javascript:del('{{d.code}}')" class="layui-btn layui-btn-sm layui-btn-danger">
                               <i class="layui-icon layui-icon-delete"></i>
	<a href="javascript:openUpd('{{d.code}}')" class="layui-btn layui-btn-sm">修改</a>
</td>
</tr>
</script>
</body>
</html>